.login-container {
    display: flex;
    height: 100vh;
    width: 100vw;
  }
  
  .left-panel {
    width: 40%;
    background-color: #181818;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .right-panel {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
  }
  
  .login-form-container {
    width: 100%;
    max-width: 400px;
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  .login-form-container h1 {
    font-size: 24px;
    margin-bottom: 24px;
    text-align: center;
  }
  
  .login-form .ant-form-item {
    margin-bottom: 16px;
  }
  
  .login-form .ant-btn-primary {
    background-color: #2db7f5;
    border-color: #2db7f5;
  }
  
  .login-form .ant-btn-primary:hover {
    background-color: #2da7f5;
    border-color: #2da7f5;
  }
  
  .login-form .other-login-methods {
    margin-top: 24px;
    text-align: center;
  }
  
  .login-form .other-login-icons {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 16px;
  }
  
  .login-form .other-login-icons img {
    width: 24px;
    height: 24px;
  }

  .login-form-hint {
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
    padding: 4px 8px;
    border-radius: 4px;
    margin-bottom: 16px;
  }
  
  .login-form-hint span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background: #1890ff;
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
  }

  /* 图标旋转 持续旋转 */
  .left-panel img {
    animation: spin 5s linear infinite;
  }
  
  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }